<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>课程信息管理 - 在线考试网后台管理</title>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="./css/managecourse.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management" onclick="window.location.href = 'manageindex.html'">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management" onclick="window.location.href = 'studentinfomanage.html'">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" id="student-score" onclick="window.location.href = 'studentscore.html'">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage" onclick="window.location.href = 'examemanage.html'">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>

		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置：课程信息管理 >>></span>
					<span class="admin-info">当前管理员：wyh</span>
				</div>
			</div>

			<!-- 内容区域 -->
			<div class="content-box">
				<div class="search-area">
					<div class="search-box">
						<input type="text" class="search-input" placeholder="搜索课程">
						<select class="grade-select">
							<option value="">课程状态</option>
							<option value="进行中">进行中</option>
							<option value="未开始">未开始</option>
							<option value="已结束">已结束</option>
						</select>
					</div>
					<button class="add-btn" onclick="window.location.href = 'courseadd.html'">+ 新增课程</button>
				</div>

				<table>
					<thead>
						<tr>
							<th>课程名称</th>
							<th>课程状态</th>
							<th>学员人数</th>
							<th>创建时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>高等数学基础课程</td>
							<td>进行中</td>
							<td>156</td>
							<td>2024-02-15</td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
						<tr>
							<td>线性代数进阶课程</td>
							<td>未开始</td>
							<td>89</td>
							<td>2024-01-15</td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
						<tr>
							<td>概率论与数理统计</td>
							<td>已结束</td>
							<td>48</td>
							<td>2024-01-14</td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
						<tr>
							<td>微积分专项训练</td>
							<td>进行中</td>
							<td>46</td>
							<td>2024-01-14</td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
					</tbody>
				</table>

				<div class="pagination-info">
					<span class="total-info">共 25 个课程</span>
					<div class="pagination">
						<button class="page-btn">上一页</button>
						<button class="page-btn active">1</button>
						<button class="page-btn">2</button>
						<button class="page-btn">3</button>
						<button class="page-btn">下一页</button>
					</div>
				</div>
			</div>
		</div>
		<script src="js/managecourse.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>